<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>SDC</title>
<link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />
<script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/js.js" type="text/javascript"></script><script src="../js/layui.all.js"></script>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<a href="javascript:historygo();" class="hele"></a>
		<h1 class="hetitle">注册</h1>
	</div>

	<div id="page" class="page m">
		<div class="reginpu" style="margin-top:.3rem;">
			<p class="reg_p">邀请码</p>
			<input type="text" class="reg_input" placeholder="请输入邀请码"/>
		</div>
		<div class="reginpu">
			<p class="reg_p">区号</p>
			<a href="javascript:dialog('#d1');" id="quhao" class="reg_input" style="width:5.5rem;text-align:left;background:url(../images/right.png) no-repeat 5.2rem center;background-size:.16rem;">+86</a>
		</div>
		<div class="reginpu">
			<p class="reg_p">手机号码</p>
			<input type="text" class="reg_input" placeholder="请输入手机号码"/>
		</div>
		<div class="reginpud">
			<div class="reginpu">
				<p class="reg_p">手机验证码</p>
				<input type="text" class="reg_input" style="width:2.4rem;" placeholder="请输入手机号码"/>
			</div>
			<button type="button" class="reg_button" id="second" onclick="goTime()">发送验证码</button>
		</div>
		<div class="reginpu">
			<p class="reg_p">登录密码</p>
			<input type="password" class="reg_input" placeholder="请输入6-16位数字加字母"/>
		</div>
		<div class="reginpu">
			<p class="reg_p">确认登录密码</p>
			<input type="password" class="reg_input" placeholder="请输入6-16位数字加字母"/>
		</div>
		<div class="reginpu">
			<p class="reg_p">交易密码</p>
			<input type="password" class="reg_input" placeholder="请输入6位数字"/>
		</div>
		<div class="reginpu">
			<p class="reg_p">确认交易密码</p>
			<input type="password" class="reg_input" placeholder="请输入6位数字"/>
		</div>
		<div class="reginpu">
			<p class="reg_p">图片验证码</p>
			<input type="text" class="reg_input" style="width:3rem;float:left;" placeholder="请输入6位数字"/>
			<img src="../images/in_botpic4.png" alt="" style="float:right;width:2rem;height:.88rem;" class="reg_pic">
		</div>
		<button class="but">确认修改</button>
	</div>
	<!-- 遮罩 -->
	<div class="mask" style="background:rgba(0,0,0,.7);"></div>
	<!--图片上传 -->
	<div class="dialog" id="d1">
		<div class="dialog_bottom">
			<div class="diabottom">
				<div class="diabot_title">
					<a href="javascript:dialogClose();" class="diabot_link">取消</a>
					<a href="javascript:;" class="diabot_link" id="diabot_link">确认</a>
				</div>
				<ul class="diabot_list">
					<li class="diabot_item on">+64</li>
					<li class="diabot_item">+84</li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
$(function(){
	//弹窗确认按钮
	$("#diabot_link").on("click",function(){
		var html = $(".diabot_item.on").html();
		$("#quhao").html(html);
		dialogClose()
	});

	//区号选择
	$(".diabot_list .diabot_item").on("click",function(){
		$(this).addClass("on").siblings(".diabot_item").removeClass("on");
	})
})
	
	//获取验证码
	function goTime(){
		var sec = document.getElementById("second");
		var i = 60;
		var timer = setInterval(function(){
		    i--;
		    sec.innerHTML = i + "秒重新获取";
		    if(i > 0){
		    	$("#second").attr('disabled',true);
		    }
		    else if(i==0){
		     	sec.innerHTML = '重新获取';
		      	clearInterval(timer);
	    		$("#second").attr('disabled',false);
		    }
	 	},1000);
	}
</script>
</html>